<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>王鸥2021生贺——那女孩要幸福</title>
    <meta name="x5-orientation"content="portrait">
    <link rel="stylesheet" href="style/index.css">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <script>
        (function (doc) {
            var clientWidth = doc.documentElement.clientWidth || window.innerWidth;
            clientWidth = clientWidth > 640 ? 640 : clientWidth;
            var rem = clientWidth / 640 * 100;
            doc.querySelector('html').style.fontSize = rem + 'px';
        })(document);
    </script>
</head>
<body>
    <div id="main"></div>
    <script type="text/template" id="game">
        <div id="home">
            <img src="<%= homeImg%>"/>
            <div id="start"><%= start%></div>
        </div>
        <div id="choice" class="hidden">
            <img id="homescreen" src="<%= choiceImg%>"/>
            <ul>
                <li data-value="wangmanchun"><%= choiceFirst%></li>
                <li data-value="zhangli"><%= choiceSecond%></li>
                <li data-value="sushunqing"><%= choiceThird%></li>
                <li data-value="huaqiong"><%= choiceFourth%></li>
            </ul>
        </div>
        <ul>
            <li id="wangmanchun" class="hidden">
                <img src="<%= choiceFirstImg%>"/>
            </li><!--狗狗，汪曼春-->
            <li id="zhangli" class="hidden">
                <img src="<%= choiceSecondImg%>"/>
            </li><!--猫猫，张离-->
            <li id="sushunqing" class="hidden">
                <img src="<%= choiceThirdImg%>"/>
            </li><!--蜘蛛，苏瞬卿-->
            <li id="huaqiong" class="hidden">
                <img src="<%= choiceFourthImg%>"/>
            </li><!--狮子，华琼-->
        </ul>
        <div id="box" class="hidden">
            <div id="boxColor"></div>
            <div id="text">
                <p ></p>
            </div>
        </div>
        <div id="bad" class="hidden">
            <div class="unstable"></div>
            <div id="fail">
                <p>BAD&nbsp;END</p>
                <p>你和那个人从此之后再没有相逢。从此，你只能从那些或真或假的传闻故事中，拼凑出她的余生。</p>
            </div>
            <div id="next">
                <p class="again">我一定要让她幸福，再试一次</p>
                <p class="together">叫好友来试一下</p>
            </div>
        </div>
        <div id="true" class="hidden">
            <div class="unstable"></div>
            <div id="success">
                <p>TRUE&nbsp;END</p>
                <p>你成功了！</p>
            </div>
            <div id="come-on">
                <p class="again">我要去改变另一个她的人生</p>
                <p class="together">叫好友一起来玩</p>
            </div>
        </div>

        <div id="cover"></div>
        <div id="share" class="hidden">
            <div class="unstable"></div>
            <img src="https://pic.imgdb.cn/item/615110b42ab3f51d91f96129.png">
        </div>
       <div id="lead" class="hidden">
           <div class="unstable"></div>
           <div class="version">版本号1.5</div>
           <div id="indicate">
               <p>众所周知，鸥有一颗想演偶像剧的心，but过往戏中角色一直……</p>
               <p>现在！就在今天！这就是千年难逢的时空穿梭日，你有了一次改变那些剧中角色命运的机会！</p>
               <p>那么美的女孩子们怎么可以没有Happy Ending呢！快一起来平行宇宙里给她们幸福吧！</p>
               <p>1、点击屏幕切换对话<br>2、点击选项进行选择<br>3、仔细阅读对话内容找到合适的选项<br>4、要让可爱的女孩子们有幸福结局呀</p>
           </div>
           <div class="copyright">
               *本游戏仅为王鸥老师生贺使用，不做任何盈利用途。<br>*不鼓励在本游戏基础上直接进行二次创作。<br>*版权相关问题请联系原作者--wb@悄悄的三线光。
           </div>
           <div class="beginGame">准备好了,开始吧</div>
       </div>
    </script>
    <script src="lib/jquery.js"></script>
    <script src="lib/dk.js"></script>
    <script src="scripts/data.js"></script>
    <script src="scripts/index.js"></script>
    <script src="scripts/temp.js"></script>
    <script>
</script>
</body>
</html>

